<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>时风产品_时风集团</title>
    <link rel="icon" href="../img/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../css/commen%20-%20product.css"/>
</head>
<body>
    <header class="head">
        <div class="head_top">
            <div class="wrap">
                <p class="left">欢迎访问时风集团官网！</p>
                <ul class="right">
                    <li class="li1">
                        <div class="li_name">
                            <span>子公司 <img  src="../img/click.png" ></span>
                        </div>
                        <div class="sub_ul">
                            <ul class="sub_uls">
                                <li><a href="#">时风电动车</a> </li>
                                <li><a href="#">时风锦纶工业</a> </li>
                                <li><a href="#">时风商用车</a></li>
                                <li><a href="#">时风配件</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="li2">
                        <div class="li_name">
                                    <span>网上办公<img class="icon" src="../img/click.png" >
                                    </span>
                        </div>
                        <div class="sub_ul">
                            <ul class="sub_uls">
                                <li><a href="#">电信入口</a></li>
                                <li><a href="#">网通入口</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="li2">
                        <div class="li_name">
                                    <span>网上办公<img class="icon" src="../img/click.png" >
                                    </span>
                        </div>
                        <div class="sub_ul">
                            <ul class="sub_uls">
                                <li><a href="#">电信入口</a></li>
                                <li><a href="#">网通入口</a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#">微博</a></li>
                    <li><a href="#">时风发动机交易网</a></li>
                    <li><a href="#">时风配件交易网</a></li>
                </ul>
            </div>
        </div>

        <!--此上是网页最上端部分/-->
        <div class="head-bottom">
            <div class="wrap">
                <h1 class="left logo-1">
                    <a href="#"  title="山东时风(集团)有限责任公司">
                        <!--山东时风(集团)有限责任公司-->
                    </a>
                </h1>

                <nav class="nav" id="menu">
                    <ul class="fix">
                        <li >
                            <a href="home.html" class="nav1">
                                首页
                            </a>
                        </li>
                        <li class="nav2">
                            <a href="home%20-%20走进时风.html" class="color">
                                走进时风
                            </a>
                            <div class="scroll_box" >
                                <ul class="scroll">
                                    <li class="scroll-1"><a href="#">文化理念</a></li>
                                    <li class="scroll-1"><a href="#">研发中心</a></li>
                                    <li class="scroll-1"><a href="#">大事件</a></li>
                                    <li class="scroll-1"><a href="#">领导致辞</a></li>
                                    <li class="scroll-1"><a href="#">领导关怀</a></li>
                                    <li class="scroll-1"><a href="#">企业荣誉</a></li>
                                </ul>
                                <img src="../img/8920fa03cbb94057b2b10fd15d9683c5.jpg" alt="img"/>
                                <span>时风时风 路路畅通</span>
                            </div>
                        </li>

                        <li class="nav2">
                            <a href="home%20-%20新闻媒体.html" class="color">
                                新闻媒体
                            </a>
                            <div class="scroll_box" >
                                <ul class="scroll">
                                    <li class="scroll-1"><a href="#">公司新闻</a></li>
                                    <li class="scroll-1"><a href="#">行业动态</a></li>
                                    <li class="scroll-1"><a href="#">专题报告</a></li>
                                    <li class="scroll-1"><a href="#">公司图片</a></li>
                                    <li class="scroll-1"><a href="#">活动视频</a></li>
                                    <li class="scroll-1"><a href="#">时风报</a></li>
                                </ul>
                                <img src="../img/e7b83b92d6a54da4b0792988ad4f7908.jpg" alt="img"/>
                                <span>时风时风 路路畅通</span>
                            </div>
                        </li>

                        <li class="nav2 ">
                            <a href="home%20-%20时风产品.html" class="show">
                                时风产品
                            </a>
                            <div class="scroll_box">
                                <ul class="scroll">
                                    <li class="scroll-1"><a href="#">三轮汽车</a></li>
                                    <li class="scroll-1"><a href="#">低速载货汽车</a></li>
                                    <li class="scroll-1"><a href="#">发动机</a></li>
                                    <li class="scroll-1"><a href="#">商用汽车</a></li>
                                    <li class="scroll-1"><a href="#">轮胎</a></li>
                                    <li class="scroll-1"><a href="#">收割机</a></li>
                                    <li class="scroll-1"><a href="#">拖拉机</a></li>
                                    <li class="scroll-1"><a href="#">电动车</a></li>
                                    <li class="scroll-1"><a href="#">锦纶工业</a></li>
                                </ul>

                                <img src="../img/3b88cbdb0d5d4235aacee00f30e3b321.jpg" alt="img"/>
                                <span>时风时风 路路畅通</span>
                            </div>
                        </li>
                        <li class="nav2">
                            <a href="#" class="color">
                                销售服务
                            </a>
                            <div class="scroll_box">
                                <ul class="scroll">
                                    <li class="scroll-1"><a href="#">服务优势</a></li>
                                    <li class="scroll-1"><a href="#">服务承诺</a></li>
                                    <li class="scroll-1"><a href="#">销售网络</a></li>
                                    <li class="scroll-1"><a href="#">服务问题</a></li>
                                    <li class="scroll-1"><a href="#">资料下载</a></li>
                                </ul>

                                <img src="../img/acb67db4c09849479272119a29c0fae8.jpg" alt="img"/>
                                <span>时风时风 路路畅通</span>
                            </div>
                        </li>
                        <li class="nav2">
                            <a href="#" class="color">
                                人才招聘
                            </a>
                            <div class="scroll_box_2">
                                <ul class="scroll_2">
                                    <li class="scroll-4"><a href="#">人力政策</a></li>
                                    <li class="scroll-4"><a href="#">职位招聘</a></li>
                                    <li class="scroll-4"><a href="#">简历投递</a></li>
                                </ul>

                                <img src="../img/97abcd6e6b754dd8b71f354d9fe4797e.jpg" alt="img"/>
                                <span>时风时风 路路畅通</span>
                            </div>
                        </li>
                        <li class="nav2">
                            <a href="#" class="color">
                                联系时风
                            </a>
                            <div class="scroll_box_2">
                                <ul class="scroll_2">
                                    <li class="scroll-4"><a href="#">联系我们</a></li>
                                    <li class="scroll-4"><a href="#">在线留言</a></li>
                                </ul>

                                <img src="../img/991127f4a2ae4c649c9cf696a90e4bc3.jpg" alt="img"/>
                                <span>时风时风 路路畅通</span>
                            </div>
                        </li>

                    </ul>
                </nav>

                <div class="right head_search">
                    <a href="#"></a>
                    <div class="head_search_box">
                        <input type="text" placeholder="请输入关键词"/>
                    </div>
                </div>

                <div class="right head_language">
                    <a href="#">中/EN</a>
                    <div class="head_language_box">
                        <div>
                            <a href="#">中文简体</a>
                            <a href="#">EN</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-----------------------------------------------------以下是开始制作的地方，轮播--------------------------------------------------->
    </header>
    <section class="section">      <!--这是轮播-->
        <div class="wrap">
            <div class="slide_box">
                <ul class="slide_wrap">
                    <li>
                        <a href="#">
                            <img src="../img/c83e08f561294492b4fd27cefdbe603e.jpg" alt="slide"/>
                        </a>
                    </li>
                </ul>                      <!--这是背景图-->
                <div class="slide_nav">
                    <span></span>
                    <h3 class="top">时风产品</h3>
                    <h5 class="bottom">
                        <a href="#">首页 </a> > 时风产品
                    </h5>
                </div>                <!--这是轮播框-->
            </div>
        </div>
    </section>




    <section class="consult">
        <div class="wrap">
                <div class="img_display">
                    <ul>
                        <li class="img">
                            <a href="#" title="三轮汽车" >
                                <img src="../img/13be83f7e4d74cd89c449da85ce6bc11.jpg" alt="logo"/>
                                <span>
                                    三轮汽车<i></i>
                                </span>
                            </a>
                        </li>
                        <li class="img">
                            <a href="#" title="低速载货车" >
                                <img src="../img/e0252cc8143d4574a95865129845bcda.jpg" alt="logo"/>
                                <span>
                                    低速载货车<i></i>
                                </span>
                            </a>
                        </li>
                        <li class="img">
                            <a href="#" title="发动机" >
                                <img src="../img/9e8f60d6054046998203a92d37ce7f32.jpg" alt="logo"/>
                                <span>
                                    发动机<i></i>
                                </span>
                            </a>
                        </li>
                    </ul>

                </div>
                 <div class="left">
                     <span class="content">
                        <div>
                            <a href="#">
                                <h2>
                                    <b class="transition">订购咨询<br/>订购咨询</b>
                                </h2>
                                <div class="p">
                                    有12个研究所，专业技术人员2500余人，是三轮汽车、低速货车行业最大的CAD示范基地。
                                </div>
                                <span>
                                    前去了解<i></i>
                                </span>
                            </a>
                        </div>
                     </span>
                </div>
                <div class="right">
                     <span class="content">
                        <div>
                            <a href="#">
                                <h2>
                                    <b class="transition">资料下载<br/>资料下载</b>
                                </h2>
                                <span class="gd_bor"></span>
                            </a>
                        </div>
                     </span>
            </div>
        </div>

    </section>

</body>
</html>